<DOCTYPE html>
<html>
<head>
    <title>团购</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php foreach ($this->config->item('style_css_paths') as $css): ?>
      <link rel="stylesheet" href=<?php echo $css ?> />
    <?php endforeach ?>
    <?php foreach ($this->config->item('style_js_paths') as $js): ?>
      <script type="text/javascript" src=<?php echo $js?> ></script>
    <?php endforeach ?>
    <!-- bxSlider Javascript file -->
    <script src=<?php echo base_url("/scripts/jquery.bxslider.min.js") ?>></script>
    <!-- bxSlider CSS file -->
    <link href=<?php echo base_url("/scripts/jquery.bxslider.css") ?>  rel="stylesheet" />
    <script type="text/javascript" src=<?php echo base_url("/scripts/logic/uihelper.js") ;?>></script>
</head>
 
<body>
    <!-- Below parts are used for group shop -->
    <div data-role="page" id="groupshop"> 
        <div data-role="header" data-tap-toggle="false" data-theme="a"  data-position="fixed">
            <a href=<?php echo site_url("welcome/shop") ;?> class="ui-btn">返回</a>
            <h1>团购</h1>
            <a href="#" class="ui-btn-right ui-btn ui-btn-b ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-check">下单</a>
        </div>   
        <div role="main" class="ui-content">
            <!-- sliding pictures -->
            <ul class="bxslider">
              <li><img src=<?php echo base_url("/uploads/general/hillside.jpg")?> /></li>
              <li><img src=<?php echo base_url("/uploads/general/houses.jpg")?> /></li>
            </ul>

            <div class="ui-corner-all custom-corners">
              <div class="ui-bar ui-bar-a">
                <h3>团购火热进行中！</h3>
              </div>
              <div class="ui-body ui-body-a">
                <p>简要介绍</p>
                <p>123</p>
                <p>321</p>
              </div>
            </div> 


            <div data-role="collapsible" data-collapsed-icon="carat-d" data-collapsed="false" data-expanded-icon="carat-u">
                <h4>团购名称</h4>
                <ul data-role="listview" data-inset="false">
                    <li>名称：</li>
                    <li>单价：</li>
                    <li>截止日期：</li>
                    <li>购买人数：</li>
                    <li>限制人数：</li>
                </ul>
            </div>

            <div data-role="collapsible" data-collapsed-icon="action" data-collapsed="true" data-expanded-icon="action">
                <h4>更多说明</h4>
                <ul data-role="listview" data-inset="false">
                    <li>店铺名称：</li>
                    <li>联系方式：</li>
                    <li>店铺地址：</li>
                    <li>使用说明：</li>
                    <li></li>
                </ul>
                <h3>sdfdsf</h3>
                <p>this is a paragraphp</p>
                <h3>hello</h5>
                <p>who are you?</p>
            </div>

            <a href="#" class="ui-btn ui-corner-all ui-btn-b">马上订购</a>
        </div>   
        <div data-role="footer" data-tap-toggle="false" data-position="fixed">
            <div data-role="navbar">
              <ul>
                <li><a href=<?php echo site_url('welcome/shop');?> data-icon="home">主页</a></li>
                <li><a href=<?php echo site_url("welcome/shop") ;?> class="ui-btn-active ui-state-persist" data-icon="shop">店铺</a></li>
                <li><a href=<?php echo site_url('welcome/history?userid=') . $user_id;?>   data-icon="check">历史订单</a></li>
                <li><a href=<?php echo site_url('welcome/info');?> data-icon="info">个人信息</a></li>
              </ul>
            </div>
        </div>
    </div>

</body> 
</html>

